<template>
	<view class="mt30 bgcf p24 bdr20 ">
		<view class="df aic jcsb">
			<view class="df aic">
				<view class="labelStyle">

				</view>
				<text class="headTitle fs28 ml15">订单信息</text>
			</view>

		</view>

		<view class="deBox">
			<view class="df jcsb aic fs24">
				<text class="c6 ">订单编号</text>
				<view class="df aic">
					<!-- <view class="copyBoxStyle">
						复制
					</view> -->
					<text class="c3 ml10">{{ orderInfo.purCode}}</text>
				</view>
			</view>
			<view class="df jcsb aic fs24 borCe5" v-if="orderInfo.logCode">
				<text class="c6 ">多退少补</text>
				<text class="c3" style="color: blue;"
						@click="handleDetail">{{ orderInfo.logCode}}</text>
			</view>
			<view class="df jcsb aic fs24 borCe5">
				<text class="c6 ">下单时间</text>
				<text class="c3">{{ orderInfo.createTime}}</text>
			</view>
			<template v-if="orderInfo.transactionId">
				<view class="df jcsb aic fs24 borCe5">
					<text class="c6 ">支付方式</text>
					<text class="c3">{{orderInfo.payTypeName||'--'}}</text>
				</view>
				<view class="df jcsb aic fs24 borCe5">
					<text class="c6 ">支付单号</text>
					<text class="c3">{{ orderInfo.transactionId}}</text>
				</view>
				<view class="df jcsb aic fs24 borCe5">
					<text class="c6 ">支付时间</text>
					<text class="c3">{{ orderInfo.payTime}}</text>
				</view>
				<view class="df jcsb aic fs24 borCe5">
					<text class="c6 ">是否开票</text>
					<text class="c3">{{ orderInfo.isKp==1?'不开票':'开票'}}</text>
				</view>
			</template>
			<!-- <view class="df jcsb aic fs24 borCe5" v-if="orderInfo.remark">
				<text class="c6 ">备注</text>
				<text class="c3">{{ orderInfo.remark}}</text>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			orderInfo: {}
		},
		methods:{
			handleDetail() {
				uni.navigateTo({
					url: `/pages/order/refundDetail?id=${this.orderInfo.shopPurOrderChangeLogId}&type=detail`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.borCe5 {
		border-top: 1rpx solid #E5E5E5;
	}

	.priceStyle {
		font-size: 30rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #EF2929;
	}

	.deBox {
		border-radius: 20rpx;
		line-height: 90rpx;
		padding-top: 0;
	}

	.labelStyle {
		width: 6rpx;
		height: 30rpx;
		background: linear-gradient(90deg, #48A147 0%, #8AE38A 100%);
		border-radius: 22rpx;
	}

	.headTitle {
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #333333;
	}

	.copyBoxStyle {
		width: 70rpx;
		height: 34rpx;
		background: #FFFFFF;
		border-radius: 16px 16px 16px 16px;
		opacity: 1;
		border: 1px solid #48A147;
		background: #FFFFFF;
		border-radius: 16rpx;
		border: 1rpx solid #48A147;
		color: #48A147;
		font-size: 22rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		text-align: center;
		line-height: 32rpx;
	}
</style>